<template>
	<view class=" content">
		<view class="firstbox">
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/1.png" mode=""></image>
			 	</view>
				<view class="text1">
					<text>待处理</text>
				</view>
			 </view>
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/2.png" mode=""></image>
			 	</view>
			 				<view class="text1">
			 					<text>已处理</text>
			 				</view>			
			 </view>
			 <view class="">
			 	<view class="">
			 		<image src="../../static/personal/3.png" mode=""></image>
			 	</view>
			 				<view class="text1">
			 					<text>已发起</text>
			 				</view>			
			 </view>

		</view>
		<view class="text2">
			经费申请
		</view>
		<view class="content2">
			
		
       <view class="serve">
       	 <view class="serve_box">
       				 <view class="">
       					 <image src="../../static/personal/4.png" mode=""></image>
       				 	<view class="text1">
       				 		出差审批
       				 	</view>
       				 </view>
       	 </view>
		 <view class="serve_box">
		        				 <view class="">
		        					 <image src="../../static/personal/5.png" mode=""></image>
		        				 	<view class="text1">
		        				 		车辆维修审批
		        				 	</view>
		        				 </view>
		 </view>
		 <view class="serve_box">
		        				 <view class="">
		        					 <image src="../../static/personal/6.png" mode=""></image>
		        				 	<view class="text1">
		        				 		会议费审批
		        				 	</view>
		        				 </view>
		 </view>
       </view>
	   <view class="serve">
	   	 <view class="serve_box">
	   				 <view class="">
	   					 <image src="../../static/personal/7.png" mode=""></image>
	   				 	<view class="text1">
	   				 		培训费审批
	   				 	</view>
	   				 </view>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/8.png" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		零星加油审批
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/9.png" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		医疗外诊审批
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   </view>
	   <view class="serve">
	   	 <view class="serve_box">
	   				 <view class="">
	   					 <image src="../../static/personal/10.png" mode=""></image>
	   				 	<view class="text1">
	   				 		公务接待审批
	   				 	</view>
	   				 </view>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/11.png" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		项目采购审批
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="../../static/personal/12.png" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		加餐审批
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   </view>
	   <view class="serve">
	   	 <view class="serve_box">
	   				 <view class="">
	   					 <image src="../../static/personal/13.png" mode=""></image>
	   				 	<view class="text1">
	   				 		其他经费申请
	   				 	</view>
	   				 </view>
	   	 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   		 <view class="serve_box">
	   		        				 <view class="">
	   		        					 <image src="" mode=""></image>
	   		        				 	<view class="text1">
	   		        				 		
	   		        				 	</view>
	   		        				 </view>
	   		 </view>
	   </view>
	   </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		background-color: #F4F4F4;
		height: 850rpx;
	}
   .firstbox{
	   width: 100%;
	   height: 300rpx;
	   display: flex;
	   background-color: #FFFFFF;
	   justify-content: space-around;
	   align-items: center;
   }
   .firstbox image{
	   width: 156rpx;
	   height: 144rpx;
   }
   .text1{
	   text-align: center;
	   	    font-size: 28rpx;
	   	    font-weight: 600;
   } 
	.content2{
		background-color: #FFFFFF;
		height: 1200rpx;
	}
   .serve{
   	display: flex;
	justify-content: space-around;
	align-items: center;
   /* 	background-color: #FFFFFF; */
   	width: 100%;
   	height: auto;
	/* margin-top: 100rpx; */
   }
   .serve_box{
   	
   }
   .serve_box image{
	   margin-top: 20px;
   	width: 156rpx;
   	height: 144rpx;
   	
   }
   .text{
   	width: 100%;
   	height: 140rpx;
   	font-size: 40rpx;
   	font-weight: 700;
   	color: #000000;
   	line-height: 140rpx;
   	margin-left: 40rpx;
   }
   .text2{
	   width: 100%;
	   height: 140rpx;
	   font-size: 40rpx;
	   font-weight: 700;
	   color: #000000;
	   line-height: 70px;
	   margin-left: 20px;
   }
</style>